@charset "UTF-8";
html { min-width: 1200px;}
body { background: #f6f6f6;}
body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd { margin: 0px;}
input,button,ul,ol { margin: 0px; padding: 0px;}
body,input,button,form { font-size: 14px;line-height: 28px; font-family: "microsoft yahei", 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #333333;}
h1,h2,h3,h4,h5,h6,font { font-size: 14px; font-weight: normal;}
ul,ol,li { list-style: none;}
input { background: none; border: 0 none;}
img,iframe { border: 0px;}
em,i { font-style: normal;}
button,input,select,textarea {font-size: 100%;}
table { border-collapse: collapse; border-spacing: 0;}
.red { color: #e74037;}
.fl { float: left;}
.fr { float: right;}
.tac { text-align: center;}
.tar { text-align: right;}
.poa { position: absolute;}
.por { position: relative;}
.hidden { display: none;}
.hide { display: none !important;}
.w1200 { width: 1200px; margin: 0 auto;}
.icon { background: url(../images/icon.png) no-repeat; display: inline-block; vertical-align: middle;}
a { color: #333333; text-decoration: none;}
a:hover { color: #b97a1c; text-decoration: none;}
a:visited { text-decoration: none;}
.ease,.ease * { transition: all ease 300ms;}
.noease,
.noease * { transition: none;}
:-moz-placeholder { color: #fff;}
::-moz-placeholder { color: #fff;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder { color: #fff;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { color: #999;}
/*清除浮动*/
.clearfix {  *zoom: 1;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.dialog-layout { width: 100%; height: 100%; position: fixed; z-index: 100; top: 0; left: 0; background: #000; opacity: 0.3; filter: alpha(opacity=30);}
/***************top and bottom css*********************/

/*nav_main*/
.nav_main {width: 100%; height:59px; line-height: 59px; min-width: 1200px; position: relative; z-index: 10; background: #fff;}
.nav_main .list { line-height: 0;font-size: 0;}
.nav_main li { display: inline-block;*display: inline; *zoom: 1; height: 59px;line-height: 59px; position: relative; vertical-align: top; text-align: center; font-size: 14px; text-align:center;}
.nav_main li a { display: block; height: 100%; position: relative; color: #000; float:left; width:81px; margin:0 24px;}
.nav_main li i { width:5px; height:5px; background-color: #c4c4c4; float:left; border-radius:6px; margin-top:27px;}
.nav_main .sub-box { background-color: #b97a1c; background-color: rgba(0, 156, 79, 0.9); width: 100%; position: absolute; left: 0; top:60px; display: none;}
.nav_main .sub-box a { color: #fff; line-height: 35px; height: 35px; padding: 0 5px; overflow: hidden; display: block; font-size: 14px; transition: all ease 300ms; width:100%; margin:0; padding:0;}
.nav_main .sub-box a:hover { background: #f95927;}
.nav_main li:hover a,.nav_main li.hover a{ background:url(../images/t2_03.png) center center no-repeat; color:#f95927; font-weight:bold;}
.nav_main li:hover .sub-box a,.nav_main li.hover .sub-box a{ background:none; color:#fff;}
.nav_main li .sub-box a:hover{ background-color:#f95927;}
.nav_main li:nth-child(5) a,.nav_main li:nth-child(6) a,.nav_main li:nth-child(7) a,.nav_main li:nth-child(8) a,.nav_main li:nth-child(9) a{ margin:0 6px;}
.nav_main li:first-child+li+li+li+li a,.nav_main li:first-child+li+li+li+li+li a,.nav_main li:first-child+li+li+li+li+li+li a,.nav_main li:first-child+li+li+li+li+li+li+li a,.nav_main li:first-child+li+li+li+li+li+li+li+li a{ margin:0 6px;}
.nav_main li:nth-child(5) .sub-box a,.nav_main li:nth-child(6) .sub-box a,.nav_main li:nth-child(7) .sub-box a,.nav_main li:nth-child(8) .sub-box a,.nav_main li:nth-child(9) .sub-box a{ margin:0;}
.nav_main li:first-child+li+li+li+li .sub-box a,.nav_main li:first-child+li+li+li+li+li .sub-box a,.nav_main li:first-child+li+li+li+li+li+li  .sub-box a,.nav_main li:first-child+li+li+li+li+li+li+li .sub-box a,.nav_main li:first-child+li+li+li+li+li+li+li+li .sub-box a{margin:0;}


.nav_main .sub-box a{ margin:0; padding:0;}
.nav_main li:nth-child(1) a{ margin-left:0;}
.nav_main li:first-child a{ margin-left:0;}
.nav_main ul li:nth-child(4) i{ display:none;}
.nav_main ul li:first-child+li+li+li i{ display:none;}
.nav_main ul li:nth-child(4) a{ margin-right:106px;}
.nav_main ul li:first-child+li+li+li a{ margin-right:106px;}
.nav_main ul li:nth-child(5) a{ margin-left:129px;}
.nav_main li:first-child+li+li+li+li a{margin-left:129px;}
.nav_main ul li:nth-child(9) i{ display:none;}
.nav_main li:first-child+li+li+li+li+li+li+li+li i{display:none;}
.nav_main li:nth-child(9) a{ margin-right:0;}
.nav_main li:first-child+li+li+li+li+li+li+li+li a{border-top:none;}

.nav_main ul li:nth-child(4) .sub-box{margin-left:12px;  width: 106px;}
.nav_main li:first-child+li+li+li .sub-box{margin-left:12px;  width: 106px;}
.nav_main ul li:nth-child(4) .sub-box a{ margin-left:0;}
.nav_main li:first-child+li+li+li .sub-box a{margin-left:0;}


/***********top and bottom css end***********/

.indexMore { width: 180px;  height: 40px; line-height: 40px; text-align: center; border: 1px solid #b97a1c; color: #333;display: block; margin: 0 auto; border-radius: 25px; transition: all ease 300ms;}
.indexMore:hover {background: #b97a1c; color: #fff;}
.indexTit1 { text-align: center; width: 100%; height: 127px; background: url(../images/t3_03.png) no-repeat center top;}
.indexTit1 h3 { font-size: 30px; padding-top:42px; font-weight:normal; color: #fff; letter-spacing:2px;}
.indexTit1 h3 s { width: 62px; height: 30px;margin: 0 22px; vertical-align: top; background-position: -78px -37px;}
.indexTit1 h3 s:first-child { background-position: 0 -37px;}
.indexTit1 h3 strong{ font-weight:normal; padding:0 2px;}
.indexTit2 {text-align: center; width: 100%; padding: 76px 0 60px;}
.indexTit2 h3 { font-weight: bold; font-size: 45px; color: #333333; line-height: 50px;margin-bottom: 5px; padding-left: 50px;}
.indexTit2 span { display: inline-block; vertical-align: top;}
.indexTit2 span.num {color: #f95927; font-size: 74px; font-weight: bold; line-height: 74px; margin: 0 15px; font-family: arial; padding-top: 5px;}
.indexTit2 span.t {color: #b97a1c;font-size: 60px;font-weight: bold; line-height: 74px;}
.indexTit2 span.en { width: 265px; padding-top: 14px; text-align: right; font-size: 20px;color: #666; font-family: arial; text-transform: uppercase; line-height: 28px;}
/*prolist*/
.prolist .item { width:382px; height:366px; float: left; margin: 0 26px 26px 0; position: relative;  transition: all ease 300ms; overflow: hidden; background:url(../images/t5_05.png) center center no-repeat;}
.prolist .item a { display: block; width: 100%;}
.prolist .item b{ margin:0 auto; display:block; width:342px; height:257px; background-color:#fff; border-radius:5px; margin-top:23px; overflow:hidden; }
.prolist .item img { margin:0 auto;  width: 300px; height: 300px;display: block; margin-top:18px;}
.prolist .item h3 { padding: 0 16px; height: 60px;font-size: 16px; color: #333; line-height: 60px; overflow: hidden; transition: all ease 300ms; padding-left:34px; position:absolute; left:0px; bottom:0; width:334px;}
.prolist .item h3 span { width: 111px; height: 37px; line-height: 42px; margin-top: 12px; font-size: 14px; background:url(../images/t7_12.png) center center no-repeat; color: #232323; padding-left:14px; transition: all ease 300ms;}
.prolist .item h3 span s { width: 18px; height: 18px; margin-right: 5px; background-position: -120px -78px;}
.prolist .item .xcx { width:344px; height:274px; z-index: 10; padding-top: 30px; position: absolute; left:20px; top:16px; background: url(../images/black20.png) repeat 0 0; opacity: 0; filter: alpha(opacity=0); transition: all ease 300ms;}
.prolist .item .xcx span { width: 100%; text-align: center; display: block; position: absolute; left: 0; top: 38px; z-index: 10; font-size: 16px; color: #333;}
.prolist .item .xcx img { width: 160px; height: 160px; border-radius: 10px; display: block; margin: 0 auto; padding: 40px 20px 20px; background: #fff; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);}
.prolist .item:hover { background:url(../images/t5_03.png) center center no-repeat;}
.prolist .item:hover h3 span { background:url(../images/t7_10.png) center center no-repeat; color:#fff;}
.prolist .item:hover .xcx {
  opacity: 1;
  filter: alpha(opacity=100); left:20px;
}

.floor_11{ background:url(../images/t15_02.png) center center no-repeat; margin-top:-9px; width:100%; height:512px; padding:60px 0;}
.floor_11_1{ background:url(../images/t16_03.png) center center no-repeat; width:552px; height:61px; margin:0 auto; text-align:center;}
.floor_11_1 h3{ font-size:28px; color:#b97a1c; font-weight:normal; line-height:28px;}
.floor_11_1 h3 span{ font-weight:bold; color:#f95927;}
.floor_11_1 p{ display:inline-block; font-size:16px; color:#000; line-height:16px; padding-top:12px;}
.floor_11_2{ margin-top:62px;}
.floor_11_2 dl{ width:1200px; height:362px;}
.floor_11_2 dl dt{ width:463px; height:362px; background:url(../images/t16_07.png) center center no-repeat; float:left; text-align:center; margin-left:38px;}
.floor_11_2 dl dt img{ width:432px; height:322px; display:inline-block; margin-top:20px;}
.floor_11_2 dl dd{ float:right; width:640px; margin-right:20px;}
.floor_11_2 dl dd h3{ font-size:28px; color:#b97a1c; font-weight:bold; border-bottom:#cbcbcb solid 1px; display:inline-block; height:44px; margin-top:30px;}
.floor_11_2 dl dd h3 span{ color:#232323; display:inline-block;}
.floor_11_2 dl dd p{ display:block;font-size:14px; color:#232323; line-height:24px; height:178px;}
.floor_11_2 dl dd p span{ display:block; font-size:14px; color:#232323; line-height:24px; padding-top:20px;}
.floor_11_2 dl dd a{ display:block; width: 111px; height: 37px; line-height: 42px; margin-top: 20px; font-size: 14px; background:url(../images/t7_12.png) center center no-repeat; color: #232323; padding-left:14px; transition: all ease 300ms;}
.floor_11_2 dl dd a:hover{background:url(../images/t7_10.png) center center no-repeat; color:#fff;}





/*baselist*/
.baselist .item {
  width: 290px;
  float: left; background:url(../images/t14_03.png) center center no-repeat;
 height:287px;
  position: relative;
  transition: all ease 300ms;
  overflow: hidden; text-align:center; margin-right:13px;
}
.baselist .item a {
  display: block;
  width: 100%;
}
.baselist .item img { display:inline-block; width: 266px; height:200px; border-radius:5px; margin-top:20px;}
.baselist .item .img {
  width: 280px;
  height: 210px;
  display: block;
  overflow: hidden;
  position: relative;
}
.baselist .item .img img {
  width: 280px;
  height: 210px;
  display: block;
  transition: all .5s;
}
.baselist .item .img .zz {
  width: 280px;
  height: 210px;
  display: block;
  background: url(../images/zz.png) no-repeat center center;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.baselist .item .tit {
  height: 48px;
  font-size: 16px;
  text-align: center;
  line-height: 48px;
  overflow: hidden;
  transition: all ease 300ms;
  display: block;
}
.baselist .item:hover .img img { transform: scale(1.08);}
.baselist .item:hover .tit { color: #b97a1c;}
/*newslist*/
.newslist .item { border-bottom: 1px solid #dddddd; width: 100%;}
.newslist .item a { display: block; padding: 26px 0; width: 100%;}
.newslist .item h3 { font-size: 18px; color: #333333; height: 20px; line-height: 20px; overflow: hidden;margin-bottom: 8px;}
.newslist .item h3 s { width: 16px;  height: 16px; float: right; display: block; background-position: -35px 0;}
.newslist .item .txt {  color: #666666; height: 30px; line-height: 30px;}
.newslist .item .time {  display: block; color: #333333; font-size: 16px; height: 20px; line-height: 20px;}
.newslist .item:hover { border-color: #b97a1c;}
.newslist .item:hover h3 { color: #b97a1c;}
/*xunpan*/
.xunpan { width: 100%; height: 223px; position: relative; background: url(../images/ixbannerbg.jpg) no-repeat center top; color: #fff;margin-top: -9px;}
.xunpan .img { height: 200px; width: 1920px; display: block; position: absolute; left: 50%; margin-left: -960px; top: 0;}
.xunpan .zixun { width: 454px; *padding-right: 80px; padding-top: 58px; position: relative; text-align: center;}
.xunpan .zixun .ewm {width: 108px; height: 108px; display: block; position: absolute; padding: 6px; background: #fff; transition: all ease 300ms; right: 0;top: 58px;}
.xunpan .zixun .ewm.hover { right: 20px;}
.xunpan .zixun .tel { border: 1px solid #58c28e; width: 300px; height: 50px; line-height: 50px; text-align: center; font-size: 26px; color: #fff; margin-bottom: 20px;font-family: arial; font-weight: bold; border-radius: 30px;}
.xunpan .zixun .tel s { width: 26px; height: 28px; background-position: 0 -1px; margin-right: 16px;}
.xunpan .zixun .zx { width: 302px; height: 50px; line-height: 50px; text-align: center; font-size: 20px; color: #b97a1c; -moz-border-radius: 30px;-webkit-border-radius: 30px; border-radius: 30px; background: #fee268;}
.xunpan .zixun .zx s { width: 22px;height: 20px; display: inline-block; background-position: -60px 0; *background-position: -60px 3px; transition: all ease 300ms; margin-left: 10px; vertical-align: middle;}
.xunpan .zixun .zx:hover s { margin-left: 28px;}
.xunpan p { font-size: 30px;}
.xunpan p strong { display: inline-block; color: #fff; font-weight: bold; font-size: 28px; padding-right: 10px; font-style: italic;}
.xunpan p.bigtxt { font-size:36px; padding-bottom: 25px; padding-top:74px;}
.xunpan p span { color: #b97a1c; display: inline-block;}

/***********index css ***********/
.index .imgleft {
  width: 650px;
  height: 366px;
  float: left;
  overflow: hidden;
  position: relative;
}
.index .imgleft .item {
  width: 650px;
  height: 366px;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
}
.index .imgleft .item a {
  width: 100%;
  display: block;
}
.index .imgleft .item img {
  width: 650px;
  height: 366px;
  transition: all .5s;
  display: block;
}
.index .imgleft .item .txtcon {
  width: 600px;
  height: 127px;
  padding: 25px 25px 0 25px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(../images/black50.png) repeat 0 0;
  color: #fff;
}
.index .imgleft .item .txtcon h3 {
  font-size: 20px;
  margin-bottom: 12px;
}
.index .imgleft .item .txtcon h3 .time {
  font-size: 16px;
}
.index .imgleft .item .txtcon .txt {
  line-height: 24px;
}
.index .imgleft .item:hover img {
  filter: brightness(105%);
}
.index .imgleft .tip {
  position: absolute;
  bottom: 10px;
  right: 30px;
  z-index: 10;
}
.index .imgleft .tip span {
  width: 12px;
  height: 12px;
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  background: #fff;
  border-radius: 100%;
  cursor: pointer;
}
.index .imgleft .tip span.cur {
  background: #b97a1c;
}
/**********index css end**********/
.txtimglist .item {
  width: 100%;
  padding: 30px 0;
  border-bottom: 1px solid #dddddd;
}
.txtimglist .item a {
  width: 100%;
  height: 160px;
  display: block;
}
.txtimglist .item img {
  width: 213px;
  height: 160px;
  float: left;
  margin-right: 20px;
  transition: all ease 300ms;
}
.txtimglist .item h3 {
  font-size: 18px;
  height: 60px;
  line-height: 60px;
  overflow: hidden;
  transition: all ease 300ms;
}
.txtimglist .item h3 .time {
  color: #666666;
  font-family: arial;
  float: right;
  font-size: 16px;
}
.txtimglist .item .txt {
  color: #999999;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
}
.txtimglist .item:first-child {
  padding-top: 0;
}
.txtimglist .item:hover h3 {
  text-indent: 10px;
}
.txtimglist .item:hover img {
  filter: brightness(105%);
}
/************content************/
.nybanner {
  width: 100%;
  height: 260px;
  overflow: hidden;
  position: relative;
  margin-bottom: 60px;
}
.nybanner img {
  width: 1920px;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -960px;
  top: 0;
}
/* pager */
.pageCss {
  text-align: center;
  padding: 30px 0;
}
.pageCss ul {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.pageCss li {
  background: #fff;
  float: left;
  width: 60px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin: 0 5px;
}
.pageCss li a {
  display: block;
  width: 100%;
}
.pageCss li:hover a {
  background: #b97a1c;
  color: #fff;
}
.pageCss .pager {
  text-align: center;
}
.pageCss .pager a {
  display: block;
  height: 42px;
  line-height: 42px;
  margin: 0 5px;
  padding: 0 18px;
  color: #666;
  background: #fff;
  display: inline-block;
}
.pageCss .pager a:hover {
  color: #fff;
  background: #b97a1c;
}
/* loaction */
.location {
  width: 100%;
  padding-bottom: 15px;
  margin-bottom: 40px;
  position: relative;
  border-bottom: 2px solid #b97a1c;
}
.location h3 {
  font-size: 18px;
}
.location .sitepath {
  color: #333333;
  white-space: nowrap;
}
.location .sitepath s {
  width: 16px;
  height: 17px;
  background-position: -90px 0;
  margin: 0 6px;
}
.location .sitepath a {
  color: #333333;
}
.location .sitepath a:hover {
  color: #b97a1c;
}
/* reLink */
.reLink {
  width: 100%;
  height: 58px;
  line-height: 58px;
  border-top: 2px solid #dddddd;
  border-bottom: 2px solid #dddddd;
}
.reLink .nextLink,
.reLink .prevLink {
  width: 50%;
  display: block;
  text-align: left;
  color: #666;
}
.reLink .nextLink a:hover,
.reLink .prevLink a:hover {
  color: #b97a1c;
}
.reLink .nextLink {
  text-align: right;
}
.wrapper {
  width: 1200px;
  margin: 0 auto;
  padding: 30px 0 60px;
}
.wrapper .showvideo {
  margin: 0 auto;
}
.wrapper .left-tit {
  font-size: 24px;
  line-height: 30px;
  padding: 25px 0 25px 40px;
  *padding-top: 25px;
  position: relative;
  margin-bottom: 20px;
  color: #fff;
  background:url(../images/lp_03.png) center center no-repeat;
}
.wrapper .left-tit h3 {
  font-size: 24px;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
}
.wrapper .left-tit span {
  font-size: 16px;
  opacity: 0.8;
  filter: alpha(opacity=80);
  display: block;
  font-family: arial;
  display: none;
}
.wrapper .left-tit s {
  width: 62px;
  height: 52px;
  position: absolute;
  right: 26px;
  bottom: 15px;
  background-position: 0 -82px;
  display: block;
}
.wrapper .left-tit.left-tit2 {
  padding-top: 25px;
  padding-bottom: 25px;
  *padding-top: 25px;
}
.wrapper .left-tit.left-tit2 h3 {
  font-size: 20px;
}
.wrapper .left-tit.left-tit2 s {
  width: 40px;
  height: 38px;
  background-position: -153px -32px;
  bottom: 10px;
}
.wrapper .leftCon {
  width: 260px;
  float: left;
  padding-top: 5px;
}
.wrapper .leftCon .prolist {
  position: relative;
}
.wrapper .leftCon .prolist .item {
  width: 258px;
  float: none; height:308px;
  margin-right: 0; background:#fff; border:#dfdfdf solid 1px; border-radius:5px;
}
.wrapper .leftCon .prolist .item:hover{border:#232323 solid 1px;}
.wrapper .leftCon .prolist .item:hover h3{ color:#f95927;}
.wrapper .leftCon .prolist .item img {
  width: 235px;
  height: 235px;
}
.wrapper .leftCon .prolist .item h3 {
  text-align: center; padding:0; width:258px;
}
.wrapper .leftCon .prolist .item h3 span {
  display: none;
}
.wrapper .leftCon .tel {
  width: 230px;
  padding: 16px 0 18px 30px;
  background: #b97a1c;
  color: #fff;
   background:url(../images/lp1_03.png) center center no-repeat;
}
.wrapper .leftCon .tel strong {
  display: block;
  font-weight: normal;
  font-size: 26px;
}
.wrapper .content {
  width: 900px;
  float: right;
  overflow: hidden;
}
.wrapper .content .prolist {
  width: 106%;
  position: relative;
}
.wrapper .content .prolist .item {
  margin-right: 22px;width: 285px;height: 271px; background:url(../images/t5_06.png) center center no-repeat;
}
.wrapper .content .prolist .item:hover{background:url(../images/t5_04.png) center center no-repeat;}
.wrapper .content .bgfff {
  width: 818px;
  padding: 15px 40px 50px;
  border: 1px solid #dddddd;
  background: #fff;
}
.wrapper .content .bgfff .tit{ text-align:center;} 
.wrapper .content .bgfff .p1{ font-size:28px; color:#333; padding-bottom:20px; padding-top:16px;}
.wrapper .leftNav {
  width: 260px;
  margin-bottom: 30px;
}
.wrapper .leftNav li {
  height: 50px;
  line-height: 50px;
  margin-bottom: 10px;
  position: relative;
   background:url(../images/lp_09.png) center center no-repeat;
}
.wrapper .leftNav li a {
  display: block;
  padding: 0 38px 0 40px;
  font-size: 16px;
  color: #333;
}
.wrapper .leftNav li s {
  width: 13px;
  height: 20px;
  float: right;
  margin-top: 16px;
  background-position: -286px -331px;
}
.wrapper .leftNav li:hover,
.wrapper .leftNav li.hover {
  background:url(../images/lp_06.png) center center no-repeat;
}
.wrapper .leftNav li:hover a,
.wrapper .leftNav li.hover a {
  color: #fff;
}
.wrapper .leftNav li:hover s,
.wrapper .leftNav li.hover s {
  background-position: -260px -331px;
}
.wrapper .leftnews {
  width: 222px;
  border: 1px solid #ddd;
  padding: 15px 18px;
}
/******recommend*******/
.recomCon .recom-tit {
  font-size: 20px;
  padding: 28px 0 22px;
}
.recomCon .recom-tit .more {
  font-size: 16px;
  float: right;
}
.recomCon.recomNews .recom-tit {
  padding-bottom: 0;
}
.recomCon .txtimglist {
  width: 106%;
}
.recomCon .txtimglist .item {
  width: 435px;
  padding: 30px 0;
  float: left;
  margin-right: 30px;
  border-bottom: 1px solid #dddddd;
}
.recomCon .txtimglist .item a {
  width: 100%;
  height: 120px;
  display: block;
}
.recomCon .txtimglist .item img {
  width: 161px;
  height: 120px;
  float: left;
  margin-right: 20px;
}
.recomCon .txtimglist .item h3 {
  font-size: 18px;
  line-height: 28px;
  height: 56px;
  position: relative;
  padding-top: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}
.recomCon .txtimglist .item h3 .time {
  color: #666666;
  font-family: arial;
  float: right;
  font-size: 16px;
}
.recomCon .txtimglist .item .txt {
  color: #999999;
  line-height: 24px;
}
.recomCon .txtimglist .item:first-child {
  padding-top: 30px;
}
.picturePage .prolist {
  position: relative;
}
.picturePage .prolist .item img {
  width: 250px;
  height: 188px;
}
.picturePage .prolist .item h3 {
  text-align: center; padding:0; width:100%;
}
.picturePage .prolist .item:hover h3{ color:#f95927;}
.picturePage .prolist .item h3 span {
  display: none;
}
/****singlePage******/
.singlePage img {
  max-width: 100%;
  height: auto !important;
}
.singlePage .txtcon {
  line-height: 32px;
}
.singlePage .txtcon.bgfff {
  padding-top: 30px;
}
.showPro .show-tit {
  font-size: 20px;
  color: #b97a1c;
  font-weight: bold;
  background: url(../images/show-titbg.png) no-repeat center right;
}
.showPro .showContxt {
  padding: 18px 2px 30px;
  line-height: 26px;
}
.showPro .showContxt img {
  max-width: 100%;
  height: auto !important;
  margin: 0 auto;
}
.showPro .showimgCon {
  padding: 20px 0 30px;
}
.showPro .showimgCon .txtcon {
  width: 240px;
  float: left;
  margin-left: 45px;
  position: relative;
  height: 480px;
}
.showPro .showimgCon .txtcon .tit {
  font-size: 26px; text-align:left;
}
.showPro .showimgCon .txtcon .price {
  font-size: 34px;
  margin-bottom: 40px;
  color: #f16101;
  font-family: arial;
  margin-top: 20px;
}
.showPro .showimgCon .txtcon .xcxm {
  width: 236px;
  border: 1px solid #dddddd;
  border-radius: 6px;
}
.showPro .showimgCon .txtcon .xcxm img {
  width: 236px;
  height: 236px;
  display: block;
  border-radius: 6px;
  border-bottom: 1px solid #ddd;
}
.showPro .showimgCon .txtcon .xcxm span {
  width: 100%;
  height: 46px;
  line-height: 46px;
  text-align: center;
  font-size: 16px;
  display: block;
}
.showPro .showimgCon .txtcon .tel {
  position: absolute;
  height: 44px;
  line-height: 44px;
  text-align: center;
  left: 0;
  bottom: 0;
  width: 238px;
  border: 1px solid #b97a1c;
  color: #b97a1c;
  border-radius: 2px;
}
.showPro .showimgCon .txtcon .tel s {
  width: 22px;
  height: 22px;
  background-position: -352px -327px;
}
.showPro .showimg {
  width: 480px;
  position: relative;
  float: left;
  overflow: hidden;
}
.showPro .showimg .bigimg {
  width: 480px;
  height: 480px;
  display: block;
  position: relative;
}
.showPro .showimg .bigimg .list {
  width: 500%;
}
.showPro .showimg .bigimg .list li {
  width: 480px;
  height: 480px;
}
.showPro .showimg .bigimg .list img {
  width: 100%;
  height: 100%;
  display: block;
  transition: all ease 300ms;
}
.showPro .showimg .smallimg {
  width: 480px;
  height: 95px;
  padding-top: 11px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  overflow: hidden;
  background: url(../images/black50.png) repeat 0 0;
}
.showPro .showimg .list {
  width: 390px;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}
.showPro .showimg .listcon {
  width: 300%;
  position: relative;
}
.showPro .showimg .prev,
.showPro .showimg .next {
  width: 20px;
  height: 84px;
  z-index: 10;
  position: absolute;
  top: 11px;
  cursor: pointer;
  background: #ffffff url(../images/btn-ico2.png) no-repeat 0 center;
}
.showPro .showimg .prev:hover,
.showPro .showimg .next:hover {
  background-color: #ddd;
}
.showPro .showimg .prev {
  left: 10px;
  background-position: 7px center;
}
.showPro .showimg .next {
  right: 10px;
  background-position: -39px center;
}
.showPro .showimg li {
  width: 84px;
  height: 84px;
  margin-right: 18px;
  float: left;
  cursor: pointer;
  position: relative;
}
.showPro .showimg li img {
  width: 100%;
  height: 100%;
  display: block;
}
.showPro .showimg li.on {
  width: 80px;
  height: 80px;
  border: 2px solid #f95927;
}
/*showNews*/
.shareNew {
  padding-bottom: 20px;
}
.showInfo .title {
  font-size: 22px;
  color: #333333;
  text-align: center;
  padding: 10px 0 16px;
}
.showInfo .mark {
  color: #999999;
  height: 38px;
  line-height: 38px;
  overflow: hidden;
  text-align: center;
  margin-bottom: 20px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.showInfo .mark span {
  margin: 0 10px;
  font-size: 12px;
}
.showInfo .img {
  width: 500px;
  display: block;
  margin: 10px auto 20px;
}
.showInfo .img img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.showInfo .showContxt {
  color: #666666;
  padding: 0 2px 30px;
  line-height: 30px;
}
.showInfo .showContxt .t {
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  color: #333;
  padding: 0 2px 5px;
  font-size: 16px;
  margin-bottom: 10px;
}
.showInfo .showContxt .t:after {
  width: 20px;
  height: 2px;
  content: "\20";
  background: #b97a1c;
  display: block;
  position: absolute;
  left: 2px;
  bottom: -1px;
}
.showInfo .showContxt img {
  max-width: 100%; display:inline-block;
  height: auto !important;
}
.showInfo .title2 {
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  border-bottom: 1px solid #d9d9d9;
}
.showInfo .title2 a {
  float: right;
  font-size: 12px;
  font-family: arial;
}
.showInfo .title2 .left {
  height: 38px;
  line-height: 38px;
  font-size: 18px;
  border-bottom: 3px solid #4d485b;
}
.msgPage .formData {
  padding-top: 34px;
}
.contactPage .content {
  padding-top: 80px;
}
.contactPage .tit {
  text-align: center;
  padding: 28px 0 36px;
}
.contactPage .tit .p1 {
  font-size: 25px;
  margin-bottom: 10px;
}
.contactPage .tit .p2 {
  line-height: 24px;
}
.contactPage .tit .p2 span {
  color: #b97a1c;
}
.contactPage .bcontact {
  width: 100%;
  padding-bottom: 50px;
}
.contactPage .bcontact li {
  width: 33%;
  float: left;
  padding: 20px 0 0;
  border-left: 1px solid #e5e5e5;
  text-align: center;
  font-family: arial;
}
.contactPage .bcontact li s {
  width: 60px;
  height: 55px;
  display: block;
  margin: 0 auto;
  background: url(../images/contact-ico.png) no-repeat 15px center;
}
.contactPage .bcontact li h3 {
  font-size: 16px;
  padding: 6px 0 14px;
  font-weight: bold;
  color: #737373;
}
.contactPage .bcontact li h4 {
  color: #000000;
  font-weight: bold;
  height: 48px;
  line-height: 24px;
  padding: 0 10px;
}
.contactPage .bcontact li.btel {
  border-left: 0px;
}
.contactPage .bcontact li.baddress s {
  background-position: -58px center;
}
.contactPage .bcontact li.bemail s {
  background-position: -140px center;
}
.contactPage .txtcon {
  padding-bottom: 30px;
}
.contactPage .txtcon img {
  max-width: 100%;
  height: auto !important;
}
.contactPage .t2 {
  padding: 58px 0 48px;
  text-align: center;
}
.contactPage .t2 .titb {
  font-size: 30px;
  margin-bottom: 16px;
}
.contactPage .t2 .txt {
  font-size: 14px;
  line-height: 24px;
}
.contactPage .t2 .txt span {
  font-weight: bold;
  color: #b97a1c;
}
.contactPage .mapArea {
  width: 100%;
  height: 400px;
  margin: 0 0 40px;
}
.contactPage .mapArea #allmap {
  width: 100%;
  height: 400px;
}
.contactPage .BMap_bubble_title a {
  border-radius: 3px;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  padding: 0 16px;
  background: #b97a1c;
  color: #fff;
}
.contactPage .BMap_bubble_title a:hover {
  background: #f95927;
}
.contactPage .BMap_bubble_title span {
  display: block;
  line-height: 22px;
}
.contactPage .BMap_bubble_content {
  line-height: 22px;
}
.formData {
  padding-bottom: 20px;
}
.formData .item {
  float: left;
  color: #999;
  font-weight: normal;
  width: 388px;
  height: 35px;
  line-height: 35px;
  border: 1px solid #e5e5e5;
  margin-right: 32px;
  margin-bottom: 30px;
  position: relative;
}
.formData .item label {
  padding-left: 15px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 11;
  text-align: center;
  display: block;
  margin: 0;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  color: #cccccc;
}
.formData .item input {
  outline: none;
  line-height: 35px;
  height: 35px;
  font-size: 14px;
}
.formData .item .txt {
  width: 328px;
  height: 35px;
  line-height: 35px;
  display: block;
  background: none;
  padding-left: 50px;
  border: 0 none;
  color: #333;
  font-size: 14px;
}
.formData .item .red {
  position: absolute;
  right: 15px;
  top: 0;
  color: #ff0000;
  z-index: 11;
}
.formData .item.mr0 {
  margin-right: 0;
}
.formData .msg-box {
  position: absolute;
  left: 0;
  top: -30px;
}
.formData .liuyan {
  width: 810px;
  height: 180px;
  border: 1px solid #e5e5e5;
  float: left;
}
.formData .liuyan label {
  text-align: right;
  top: 5px;
  display: block;
}
.formData .liuyan textarea {
  width: 790px;
  height: 164px;
  line-height: 28px;
  padding: 8px 10px;
  text-indent: 42px;
  font-size: 14px;
  font-family: "microsoft yahei";
  color: #333;
  border: 0 none;
  overflow: hidden;
  background: none;
  resize: none;
  display: block;
  outline: none;
}
.formData .bot {
  width: 100%;
  float: left;
}
.formData .sub {
  width: 232px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  background: #b97a1c;
  color: #FFF;
  cursor: pointer;
  font-size: 18px;
  display: block;
  transition: all ease 300ms;
  margin: 0 auto;
}
.formData .sub:hover {
  background: #f95927;
  color: #fff;
}
.formData .yzm {
  width: 432px;
}
.formData .yzm .txt {
  padding-left: 80px;
}
.formData .yzm img {
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  border: 0px;
  display: block;
}
.map_ul {
  list-style: outside none none;
  display: block;
  width: 100%;
  padding-top: 40px;
}
.map_ul li {
  display: block;
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #DCDBDB;
  margin-left: 10px;
  float: left;
}
.map_ul li a {
  font-size: 14px;
  width: 100%;
  height: 23px;
  line-height: 23px;
  font-weight: bold;
  display: block;
}
.map_ul .list-inline {
  display: block;
  margin-left: 7%;
  width: 80%;
  min-height: 30px;
  padding-top: 10px;
}
.map_ul .list-inline a {
  font-weight: normal;
  width: auto;
  float: none;
  line-height: 32px;
  height: 32px;
  margin: 0 10px 10px 0;
  display: inline-block;
  border: 1px solid #ccc;
  padding: 0px 10px;
}
.map_ul .list-inline a:hover {
  background: #b97a1c;
  color: #fff;
}
span.bds_more,
.bds_tools a {
  line-height: 14px !important;
}




.wrapper .content.chan .prolist .item {  width: 280px;
  height: 323px; float: left; position: relative;  transition: all ease 300ms; overflow: hidden;background: url(../images/t5_066.png) center center no-repeat; margin-left:10px; margin-right:12px; margin-bottom:30px; *width: 300px; }

.wrapper .content.chan .prolist .item h3{ width:100%; text-align:center; padding:0;}
.wrapper .content.chan .prolist .item h3 span{ display:none;}
.wrapper .content.chan .prolist .item img {
  width: 250px;
  height: 250px;
  display:block;
  margin: 0 auto;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;margin-top: 10px;
}
.wrapper .content.chan .prolist .item h3 {
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  color: #333;
  overflow: hidden;
  transition: all ease 300ms;
}
.wrapper .content.chan .prolist .item .xcx {
  width: 260px;
  height: 240px;
  padding: 20px 0 0;
  z-index: 10;
  position: absolute;
  left: 40px;
  top: 10px;
  background: #ededed;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all ease 300ms;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.wrapper .content.chan .prolist .item .xcx span {
  width: 100%;
  text-align: center;
  display: block;
  position: absolute;
  left: 0;
  top: 24px;
  z-index: 10;
  font-size: 16px;
  color: #333;
}
.wrapper .content.chan .prolist .item .xcx img {
  width: 170px;
  height: 170px;
  padding: 40px 10px 10px;
  border-radius: 10px;
  display: block;
  margin: 0 auto;
  background: #fff;
}
.wrapper .content.chan .prolist .item:hover h3 {
  color:#b97a1c;
}
.wrapper .content.chan .prolist .item:hover .xcx {
  opacity: 1;
  filter: alpha(opacity=100);
  left: 10px;*left: 20px;
}
.prolist.prolist4{ margin-top:20px;}
.prolist.prolist4 .item img {

    width: 250px;
    height: 188px;

}
.prolist.prolist4 .item h3 {

    text-align: center;
    padding: 0;
    width: 285px;

}



/* pager */
.pager {
  *zoom: 1;
  padding: 30px 0;
  text-align: center;
}
.pager:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.pager a {
  display: block;
  height: 42px;
  line-height: 42px;
  margin: 0 5px;
  padding: 0 18px;
  color: #666;
  background: #fff;
  display: inline-block;
}
.pager a:hover,
.pager a.current {
  color: #fff;
  background: #f95927;
}


.msgPage .tit{ text-align:center;}
.msgPage .tit .p1{ font-size:28px; padding-bottom:12px;}


.wrapper .content .recomCon .prolist .item{width: 280px;

height: 323px;

float: left;

margin: 0 26px 26px 0px;

position: relative;

transition: all ease 300ms;

overflow: hidden;

background: url(../images/t5_066.png) center center no-repeat;*width: 300px;}
.wrapper .content .recomCon .prolist .item img {

    width: 250px;
    height: 250px;
    display: block;
    margin: 0 auto;
        margin-top: 0px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin-top: 10px;

}
.wrapper .content .recomCon .prolist .item h3 {

    height: 60px;
    line-height: 60px;
    font-size: 16px;
    color: #333;
    overflow: hidden;
    transition: all ease 300ms; padding:0; width:100%; text-align:center;

}
.wrapper .content .recomCon .prolist .item h3 span {

    display: none;

}
.wrapper .content .recomCon .prolist .item .xcx {

    width: 260px;
    height: 240px;
    padding: 20px 0 0;
    z-index: 10;
    position: absolute;
    left: 40px;
    top: 10px;
    background: #ededed;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all ease 300ms;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;

}
.wrapper .content .recomCon .prolist .item .xcx span {

    width: 100%;
    text-align: center;
    display: block;
    position: absolute;
    left: 0;
    top: 24px;
    z-index: 10;
    font-size: 16px;
    color: #333;

}
.wrapper .content .recomCon .prolist .item .xcx img {

    width: 170px;
    height: 170px;
    padding: 40px 10px 10px;
    border-radius: 10px;
    display: block;
    margin: 0 auto;
    background: #fff;
}
.wrapper .content .recomCon .prolist .item:hover .xcx {

    opacity: 1;
    filter: alpha(opacity=100);
    left: 10px;*left: 20px;

}

.wrapper .content .recomCon .prolist .item:hover h3{ color:#b97a1c;}














/******animated*****/
.animate-zhuan {
  animation: Swing1 5s infinite;
  transform: rotate(-5deg);
  -webkit-animation: Swing1 5s infinite;
  -webkit-transform-origin: 50% -50px;
  -webkit-transform: rotate(-5deg);
  -moz-animation: Swing1 5s infinite;
  -moz-transform-origin: 50% -50px;
  -moz-transform: rotate(-5deg);
  -ms-animation: Swing1 5s infinite;
  -ms-transform-origin: 50% -50px;
  -ms-transform: rotate(-5deg);
  -o-animation: Swing1 5s infinite;
  -o-transform-origin: 50% -50px;
  -o-transform: rotate(-5deg);
}
.animate-zhuan2 {
  animation: Swing2 4s infinite;
  transform: rotate(15deg);
  -webkit-animation: Swing2 4s infinite;
  -webkit-transform-origin: 50% 50%;
  -webkit-transform: rotate(15deg);
  -moz-animation: Swing2 4s infinite;
  -ms-animation: Swing2 4s infinite;
  -o-animation: Swing2 4s infinite;
}
.animate-tel {
  animation: tada 1s linear infinite;
  transform-origin: 50% 50%;
  -webkit-animation: tada 1s linear infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: tada 1s linear infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: tada 1s linear infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: tada 1s linear infinite;
  -ms-transform-origin: 50% 50%;
}
@keyframes Swing1 {
  0% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes Swing1 {
  0% {
    -webkit-transform: rotate(-5deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
  }
  100% {
    -webkit-transform: rotate(-5deg);
  }
}
@-moz-keyframes Swing1 {
  0% {
    -moz-transform: rotate(-5deg);
  }
  50% {
    -moz-transform: rotate(5deg);
  }
  100% {
    -moz-transform: rotate(-5deg);
  }
}
@-o-keyframes Swing1 {
  0% {
    -oz-transform: rotate(-5deg);
  }
  50% {
    -moz-transform: rotate(5deg);
  }
  100% {
    -moz-transform: rotate(-5deg);
  }
}
@-ms-keyframes Swing1 {
  0% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  100% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@keyframes Swing2 {
  0% {
    transform: rotate(15deg);
  }
  50% {
    transform: rotate(-15deg);
  }
  100% {
    transform: rotate(15deg);
  }
}
@-webkit-keyframes Swing2 {
  0% {
    -webkit-transform: rotate(15deg);
  }
  50% {
    -webkit-transform: rotate(-15deg);
  }
  100% {
    -webkit-transform: rotate(15deg);
  }
}
@-moz-keyframes Swing2 {
  0% {
    -moz-transform: rotate(15deg);
  }
  50% {
    -moz-transform: rotate(-15deg);
  }
  100% {
    -moz-transform: rotate(15deg);
  }
}
@-ms-keyframes Swing2 {
  0% {
    -ms-transform: rotate(15deg);
  }
  50% {
    -ms-transform: rotate(-15deg);
  }
  100% {
    -ms-transform: rotate(15deg);
  }
}
@-o-keyframes Swing2 {
  0% {
    -o-transform: rotate(15deg);
  }
  50% {
    -o-transform: rotate(-15deg);
  }
  100% {
    -o-transform: rotate(15deg);
  }
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}